import { DirectiveBinding } from 'vue';
import { hasPermission } from '@/utils/permission.ts';

export default {
  // 在绑定元素的父组件
  // 及他自己的所有子节点都挂载完成后调用
  mounted(el: HTMLElement, binding: DirectiveBinding) {
    const {value} = binding;
    if (!hasPermission(value) && el.parentNode) {
      el.parentNode.removeChild(el);
    }
  },
};
